home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / auto-sum-form.izs < prev    next >
Text File  |  2005-09-28  |  2KB  |  100 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Auto-Sum Form Boxes 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This script automatically adds the 2 numbers together as you type them in!<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL AUTO-SUM FORM BOXES:
  14.  
  15.   1.  Copy code into the HEAD section of document
  16.   2.  Put last coding into the BODY section of document  -->
  17.  
  18. <!-- STEP ONE: Add code into HEAD section of document  -->
  19.  
  20. <HEAD>
  21.  
  22. <script type="text/javascript">
  23. <!-- Created by: www.jdstiles.com -->
  24. <!-- Begin
  25. function startCalc(){
  26.   interval = setInterval("calc()",1);
  27. }
  28. function calc(){
  29.   one = document.autoSumForm.firstBox.value;
  30.   two = document.autoSumForm.secondBox.value; 
  31.   document.autoSumForm.thirdBox.value = (one * 1) + (two * 1);
  32. }
  33. function stopCalc(){
  34.   clearInterval(interval);
  35. }
  36. //  End -->
  37. </script>
  38. </HEAD>
  39.  
  40. <!-- STEP TWO: Add code into BODY section of document  -->
  41.  
  42. <BODY>
  43.  
  44. <form name="autoSumForm">
  45. <input type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();"> + 
  46. <input type=text name="secondBox" value="" onFocus="startCalc();" onBlur="stopCalc();"> = 
  47. <input type=text name="thirdBox">
  48. </form>
  49.  
  50.  
  51. <!-- END OF SCRIPT -->
  52. <!/SCRIPT>
  53.  
  54. <!PREVIEW>
  55. <!-- START OF SCRIPT -->
  56.  
  57. <!-- HOW TO INSTALL AUTO-SUM FORM BOXES:
  58.  
  59.   1.  Copy code into the HEAD section of document
  60.   2.  Put last coding into the BODY section of document  -->
  61.  
  62. <!-- STEP ONE: Add code into HEAD section of document  -->
  63.  
  64. <HEAD>
  65.  
  66. <script type="text/javascript">
  67. <!-- Created by: www.jdstiles.com -->
  68. <!-- Begin
  69. function startCalc(){
  70.   interval = setInterval("calc()",1);
  71. }
  72. function calc(){
  73.   one = document.autoSumForm.firstBox.value;
  74.   two = document.autoSumForm.secondBox.value; 
  75.   document.autoSumForm.thirdBox.value = (one * 1) + (two * 1);
  76. }
  77. function stopCalc(){
  78.   clearInterval(interval);
  79. }
  80. //  End -->
  81. </script>
  82. </HEAD>
  83.  
  84. <!-- STEP TWO: Add code into BODY section of document  -->
  85.  
  86. <BODY>
  87.  
  88. <form name="autoSumForm">
  89. <input type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();"> + 
  90. <input type=text name="secondBox" value="" onFocus="startCalc();" onBlur="stopCalc();"> = 
  91. <input type=text name="thirdBox">
  92. </form>
  93.  
  94.  
  95.  
  96. <!-- END OF SCRIPT -->
  97. <!/PREVIEW>
  98.  
  99. <!RELATED>NONE<!/RELATED>
  100.